<template style="height: 100%">
        <div style="height: 100%;width: 100%">
            <layout-tab :ref="item.id" v-if="item.defConf=='tab'" :config="item.config"></layout-tab>
            <!--图表-->
            <chart-view v-else-if="item.defConf=='chart'" :layoutItem="item" :config="item.config"></chart-view>
            <!--ureport报表-->
            <ureport-view v-else-if="item.defConf=='ureport'" :config="item.config" :layoutItem="item"></ureport-view>
            <!--栏目-->
            <column-view v-else-if="item.defConf=='column'" :config="item.config" ></column-view>
            <!--自定义组件-->
            <custom-view v-else-if="item.defConf=='custom'" :config="item.config" ></custom-view>
            <!--日历组件-->
            <calendar-view v-else-if="item.defConf=='calendar'" :config="item.config" ></calendar-view>
            <!--自定义页面栏目-->
            <custom-page-show v-else-if="item.defConf=='customColumn'" :config="item.config" ></custom-page-show>
            <!--筛选器组件-->
            <filter-component-view v-else-if="item.defConf=='filter'" :config="item.config" ></filter-component-view>
            <!--轮播图组件-->
            <carousel-view v-else-if="item.defConf=='carousel'" :config="item.config"></carousel-view>
            <!--富文本组件-->
            <quill-editor-view v-else-if="item.defConf=='quillEditor'" :config="item.config" :read-only="true"></quill-editor-view>
            <!--Form List Tree-->
            <component v-else :ref="item.config.alias" :is="item.config.component" :instId="instId"
                       :config="item.config"></component>
        </div>
</template>

<script>
import layoutTab from "../formCustomLayout/LayoutTab.vue";
import ChartView from "../formComponent/ChartView";
import UreportView from "../formComponent/UreportView";
import ColumnView from '../formComponent/ColumnView.vue';
import BpmComponent from '../formComponent/BpmComponent.vue';
import CustomView from './CustomView.vue';
import CalendarView from "./CalendarView";
import CustomPageShow from "@/views/modules/portal/core/CustomPageShow";
import FilterComponentView from "./FilterComponentView";
import CarouselView from '../formComponent/CarouselView.vue';
import QuillEditorView from "@/views/modules/form/core/formComponent/QuillEditorView";
import "@/views/modules/form/core/formComponent/component.js"
export default {
    name: "FormCustomFull",
    props:{
        item:'',
        instId:''
    },
    components: {
        layoutTab,
        ChartView,
        UreportView,
        ColumnView,
        CustomView,
        CalendarView,
        CustomPageShow,
        FilterComponentView,
        QuillEditorView,
        CarouselView,
        BpmComponent
    },
}
</script>

<style scoped>

</style>